<template>
    <div>
 <mt-cell title="地区" is-link  @click.native="show_city"  :value="cityselect.vale">
</mt-cell>
<mt-field label="身份证号码" placeholder="请输入身份证号码" class="text-right" v-model="username"></mt-field>
<mt-cell title="市3315系列计划入选者">
 <mt-switch v-model="value"></mt-switch>
</mt-cell>
<mt-cell title="有国外长期居留权">
 <mt-switch v-model="value1"></mt-switch>
</mt-cell>

<mt-cell title="取得长期居留权的国家" is-link  @click.native="show_qdcqjlq"  :value="qdcqjlq.vale">
</mt-cell>

 <mt-actionsheet  :actions="qdcqjlq.select"  v-model="qdcqjlq.actionsheet"></mt-actionsheet>
  <mt-actionsheet  :actions="cityselect.select"  v-model="cityselect.actionsheet"></mt-actionsheet>
    </div>
</template>
<script>
export default {
    data(){
        return{
            username:"",
            cityselect:{
                actionsheet:false,
                vale:"大陆",
                select:[{
                    "name":"大陆",
                    "method":()=>{this.cityselect.vale="大陆"}
                },{
                    "name":"台湾",
                    "method":()=>{this.cityselect.vale="台湾"}
                },{
                    "name":"香港",
                    "method":()=>{this.cityselect.vale="香港"}
                },{
                    "name":"澳门",
                    "method":()=>{this.cityselect.vale="澳门"}
                }]
            },
            qdcqjlq:{
                actionsheet:false,
                vale:"下拉选择",
                select:[{
                    "name":"无",
                    "method":()=>{this.qdcqjlq.vale="无"}
                },{
                    "name":"俄罗斯",
                    "method":()=>{this.qdcqjlq.vale="俄罗斯"}
                },{
                    "name":"美国",
                    "method":()=>{this.qdcqjlq.vale="美国"}
                },{
                    "name":"巴基斯坦",
                    "method":()=>{this.qdcqjlq.vale="巴基斯坦"}
                }]
            },
            value:false,
            value1:true,
            dataobj:{}
        }
    },
    methods:{
      show_qdcqjlq(){
          this.qdcqjlq.actionsheet=true;
      },
      show_city(){
          this.cityselect.actionsheet=true;
      }
    }
}
</script>
<style>

.text-right .mint-cell-wrapper .mint-cell-value .mint-field-core{
         text-align: right;
}
  

</style>